<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Editable TreeGrid - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="test.js"></script>
</head>
<body>
		<div class="easyui-layout" style="width:100;height:600px;">
		<div data-options="region:'east',split:true" title="properties" style="width:220px;">
			<table id="pgd" class="easyui-propertygrid" style="width:100" data-options="
				url: '../propertygrid/propertygrid_data1.json',
				showGroup: true,
				scrollbarSize: 0,
				columns: mycolumns">
			
			</table>
			
		</div>
		<div data-options="region:'center',title:'页面设计'">
			<div id="tb" style="margin:10px 0;">
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="append()">append</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="insert()">insert</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="generatePage()">generate</a>
			</div>
			<table id="tg" class="easyui-treegrid" title="" style="width:100;height:100"
			data-options="
				iconCls: 'icon-ok',
				rownumbers: true,
				animate: true,
				collapsible: false,
				fitColumns: true,
				idField: 'id',
				treeField: 'name',
				showFooter: true,
				onClickRow:clickRow,
				toolbar:'#tb'
			">
		<thead>
			<tr>
				<th data-options="field:'id',width:60,editor:'text'">控件ID</th>
				<th data-options="field:'name',width:60,editor:'text'">控件名称</th>
				
				<th data-options="field:'edittet',align:'right',width:60,editor:'text'">editor测试</th>
				<th data-options="field:'type',width:60,editor:{type:'combobox',options:{panelHeight:'auto',valueField:'value',textField:'name',width:198}}">控件类型</th>
				<th data-options="field:'dataset',width:80,editor:'text'">数据集</th>
			</tr>
		</thead>
	</table>
		</div>
	</div>
	
	<script type="text/javascript">
		
	</script>

</body>
</html>